// uno.config.ts
import { defineConfig } from 'unocss'
// import presetWind from '@unocss/preset-wind'
import { presetWind, presetIcons,transformerVariantGroup } from 'unocss'
import transformerDirectives from '@unocss/transformer-directives'

export default defineConfig({
  shortcuts:{
    'bg-image':'w-full h-full bg-cover bg-no-repeat bg-center-top',
    'btn':'px-4 py-2 bg-sky-500 text-white hover:bg-sky-300 cursor-pointer',
    'btn-plain':'px-4 py-2 border border-sky-400 text-sky-400 hover:(bg-sky-400 text-white) cursor-pointer'
  },
  presets: [
    presetWind(),
    presetIcons({
      prefix: 'i-',
      extraProperties: {
        display: 'inline-block'
      }
    })
  ],
  transformers: [transformerDirectives(),transformerVariantGroup()]
})
